import { fileURLToPath, URL } from 'node:url';

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import qiankun from 'vite-plugin-qiankun';

// https://vitejs.dev/config/
export default defineConfig({
  // 子应用线上服务器的绝对地址 目的是为了能够正确的加载子应用自己的静态资源（jscssimg）
  base: 'http://localhost:3000/',
  plugins: [
    vue(),
    // 这里的名称要和主应用改造是配置项中的name保持一致
    qiankun('hmzs-qiandan95', {
      useDevMode: true,
    }),
  ],
  server: {
    // 子应用开发环境里面的 端口，默认是5173. 我们手动设置为4000，
    port: 4000,
    // 防止开发阶段的assets 静态资源加载问题
    // 子应用被主应用加载过去之后 代码中加载的静态资源 图片
    // 图片地址 走主应用地址  http://locahost:4000/assests/a.png
    // 下面这个地址，是给子应用找到自己的静态资源的，如果不写下面这句话
    // 因为最终我们这个项目的 大屏路由访问的路径是 localhost:3000/big-screen
    // 但是我们自己的大屏项目的开发环境优势 localhost:4000/big-screen
    origin: '//localhost:4000',
  },
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
});
